<template>
  <n-button class="x-button" v-bind="props" :disabled="props.disabled || props.loading">
    <slot/>
  </n-button>
</template>

<script setup>
import {NButton} from 'naive-ui'

const props = defineProps({
  ...NButton.props,
  icon: {
    type: String,
    default: ''
  }
})

</script>

<style lang="scss" scoped>
.x-button {
  & + .x-button {
    margin-left: 10px;
  }
}
</style>
